<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/goods.css" />
    <style></style>

</head>

<body>

    <!-- 导航 -->
    <div class="header">
        <div class="header-c clearfix">
            <a href="#" class="header-logo">
                <img src="img/logo.png" alt="" />
            </a>
            <div class="header-nav clearfix">
                <div class="header-nav-item">
                    <a href="index.html" class="nav-item-title">首页</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="project.html" class="nav-item-title">项目</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item active">
                    <a href="goods.html" class="nav-item-title">产品</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="service.html" class="nav-item-title">服务</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="news.html" class="nav-item-title">新闻</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="about.html" class="nav-item-title">关于</a>
                    <div class="nav-item-line"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航结束 -->

    <!-- banner -->
    <div class="banner">
        <div class="banner-c">
            <a href="#" class="banner-img">
                <img src="img/goods/goods-banner.jpg" alt="" />
            </a>
        </div>
    </div>
    <!-- banner结束 -->

    <!-- 产品展示一 -->
    <div class="goods-show goods-show-one">
        <div class="goods-show-c goods-show-one-c">
            <!-- goods子导航 -->
            <div class="goods-subnav clearfix">
                <div class="goods-subnav-left">
                    <span>您的位置：产品 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">产品中心</span>
                </div>
                <div class="goods-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav goods-right-subnav">
                        <div class="subnav-item active">
                            <a href="">床</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">沙发</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">桌椅</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">衣柜</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">灯</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- goods子导航结束 -->
            <div class="goods-show-list clearfix">
                <div class="goods-show-card goods-show-card1 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one1.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">PEMBERLY ROW</p>
                        <p>软垫加州特大号床板ZUMA PUMICE</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one2.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">SOLOMAN</p>
                        <p>中世纪浅米色面料平台床</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one3.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">CHESTER</p>
                        <p>簇绒天鹅绒特大号床</p>
                    </div>
                </div>
                <div class="goods-show-card goods-show-card4 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one4.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">HAWTHORNE</p>
                        <p>女王平台床</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one5.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">HENRY MID-CENTURY</p>
                        <p>现代软垫平台床</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-one6.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">MODBERG</p>
                        <p>墨西拿灰色生态床</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 产品中心一结束 -->
    <!-- 产品中心二 -->
    <div class="goods-show goods-show-two">
        <div class="goods-show-c goods-show-two-c">
            <!-- goods子导航 -->
            <div class="goods-subnav clearfix">
                <div class="goods-subnav-left">
                    <span>您的位置：产品 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">产品中心</span>
                </div>
                <div class="goods-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav goods-right-subnav">
                        <div class="subnav-item">
                            <a href="">床</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">沙发</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">桌椅</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">衣柜</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">灯</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- goods子导航结束 -->
            <div class="goods-show-list clearfix">
                <div class="goods-show-card goods-show-card1 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-two1.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">OUTDOOR</p>
                        <p>户外庭院沙发</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-two2.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">HAMPTON</p>
                        <p>汉普顿客厅套装</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-two3.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">PREMIER</p>
                        <p>总统客厅套装</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 产品中心二结束 -->
    <!-- 产品中心三 -->
    <div class="goods-show goods-show-three">
        <div class="goods-show-c goods-show-three-c">
            <!-- goods子导航 -->
            <div class="goods-subnav clearfix">
                <div class="goods-subnav-left">
                    <span>您的位置：产品 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">产品中心</span>
                </div>
                <div class="goods-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav goods-right-subnav">
                        <div class="subnav-item">
                            <a href="">床</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">沙发</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">桌椅</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">衣柜</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">灯</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- goods子导航结束 -->
            <div class="goods-show-list clearfix">
                <div class="goods-show-card goods-show-card1 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-three1.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">FILTON</p>
                        <p>绗缝皮革柜台凳</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-three2.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">ASHFORD SEAN</p>
                        <p>深色帆布G柜台凳</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-three3.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">MARIETTE</p>
                        <p>玛丽埃塔户外铸铝黑沙套件</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 产品中心三结束 -->
    <!-- 产品中心四 -->
    <div class="goods-show goods-show-four">
        <div class="goods-show-c goods-show-four-c">
            <!-- goods子导航 -->
            <div class="goods-subnav clearfix">
                <div class="goods-subnav-left">
                    <span>您的位置：产品 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">产品中心</span>
                </div>
                <div class="goods-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav goods-right-subnav">
                        <div class="subnav-item">
                            <a href="">床</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">沙发</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">桌椅</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">衣柜</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">灯</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- goods子导航结束 -->
            <div class="goods-show-list clearfix">
                <div class="goods-show-card goods-show-card1 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-four1.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">MANHATTAN</p>
                        <p>曼哈顿现代白色衣橱</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-four2.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">MAGNUSSEN</p>
                        <p>LANCASTER燕尾灰衣橱</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-four3.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">SOUTH SHORE</p>
                        <p>AXESS ARMOIRE黑色绅士衣橱</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 产品中心四结束 -->
    <!-- 产品中心五 -->
    <div class="goods-show goods-show-five">
        <div class="goods-show-c goods-show-five-c">
            <!-- goods子导航 -->
            <div class="goods-subnav clearfix">
                <div class="goods-subnav-left">
                    <span>您的位置：产品 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">产品中心</span>
                </div>
                <div class="goods-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav goods-right-subnav">
                        <div class="subnav-item">
                            <a href="">床</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">沙发</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">桌椅</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">衣柜</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">灯</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- goods子导航结束 -->
            <div class="goods-show-list clearfix">
                <div class="goods-show-card goods-show-card1 active">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-five1.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">5-LIGHT</p>
                        <p>油擦青铜枝形吊灯</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-five2.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">ZEPLIN 12-LIGHT</p>
                        <p>SPUTNIK枝形吊灯</p>
                    </div>
                </div>
                <div class="goods-show-card">
                    <div class="goods-show-cover">
                        <img src="img/goods/goods-show-five3.jpg" alt="" />
                    </div>
                    <div class="goods-show-info">
                        <p class="goodsShowInfoDesc goodsShowInfoDesc1">MOUSSE</p>
                        <p>现代枝形吊灯米白色灯罩</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 产品中心五结束 -->

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-c">
            <div class="footer-links clearfix">
                <div class="footer-links-list">
                    <dl>
                        <dt>简设装饰有限公司</dt>
                        <dd>
                            <a href="#"><img src="img/wb.png" alt="" class="footer-contact" /></a>
                            <a href="#"><img src="img/wechat.png" alt="" class="footer-contact" /></a>
                            <a href="#"><img src="img/qq.png" alt="" class="footer-contact" /></a>
                        </dd>
                    </dl>

                </div>
                <div class="footer-links-list active">
                    <dl class="dl">
                        <dt>地址：中国地区**分区6号写字楼888室</dt>
                        <dd>电话：688-8888-008</dd>
                        <dd>传真：000-66668888</dd>
                    </dl>

                </div>
                <div class="footer-links-list">
                    <dl>
                        <dt>邮编：100000</dt>
                        <dd>手机：186-6006-8008</dd>
                        <dd>邮箱：00060008@163.com</dd>
                    </dl>

                </div>
            </div>

        </div>
    </div>
    <!-- 底部结束 -->
</body>

</html>